<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8" />
<title>我的主页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../bootstrap-3.2.0-dist/css/bootstrap.min.css"
	rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<script src="../bootstrap-3.2.0-dist/jquery/2.0.0/jquery.min.js"></script>
<script src="../bootstrap-3.2.0-dist/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
	<div class="mycontainer container-fluid">
		<div class="row-fluid">
			<div class="mycol col-md-2 col-xs-3">
				<a href="#" class="logo">呵Sever</a> 
			</div>
			<div class="mycol col-md-8 col-xs-9">
				<div class="topBanner">
					<a href="#" class="topButton">登录</a>
				</div>
			</div>
			<div class="mycol col-md-2 hidden-sm hidden-xs">
				<a href="#" class="myInfo">站长信息</a>
			</div>
		</div>
	</div>
	<div class="mycontainer mainContainer container-fluid">
		<div class="row-fluid">
			<div class="mycol col-md-1 col-xs-1">
				<div class="nav">
					<a class="selected" href="#">
					首页
					<span class="glyphicon glyphicon-home" style="font-size: 10px"></span>
					</a>
					<a href="#">
					文章
					<span class="glyphicon glyphicon-pencil" style="font-size: 10px"></span>
					</a>
					<a href="#">
					标签
					<span class="glyphicon glyphicon-tags" style="font-size: 10px"></span>
					</a>
					<a href="#">
					工具
					<span class="glyphicon glyphicon-wrench" style="font-size: 10px"></span>
					</a>
					<a href="#">
					历史
					<span class="glyphicon glyphicon-time" style="font-size: 10px"></span>
					</a>
				</div>
			</div>
			<div class="mycol col-md-9 col-xs-11">
				<div class="main">
				<div class="container-fluid" style="padding:0">
					<div class="row-fluid">
						<div class="col-md-3">
							<a href="#" class="homeItem homeItem-black">
							<span class="glyphicon glyphicon-pencil"></span><br>
							<span>文章</span>
							</a>
						</div>
						<div class="col-md-3">
							<a href="#" class="homeItem homeItem-blue">
							<span class="glyphicon glyphicon-tags"></span><br>
							<span>标签</span>
							</a>
						</div>
						<div class="col-md-3">
							<a href="#" class="homeItem homeItem-black">
							<span class="glyphicon glyphicon-wrench"></span><br>
							<span>工具</span>
							</a>
						</div>
						<div class="col-md-3">
							<a href="#" class="homeItem homeItem-blue">
							<span class="glyphicon glyphicon-time"></span><br>
							<span>历史</span>
							</a>
						</div>
					</div>
				</div>
				</div>
			</div>
			<div class="mycol col-md-2 hidden-sm hidden-xs">
				<div class="myInfoDetails">
				站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情站长信息详情
				</div>
			</div>
		</div>
	</div>
	<div class="mycontainer container-fluid">
		<div class="row-fluid">
			<div class="mycol col-md-12">
				<div class="footer">
					技术支持：京东云擎jcloud<br>
					©Copyright Sever v4.0<br>
					粤ICP备14047818号
				</div>
			</div>
		</div>
	</div>
</body>
</html>